/*
  学习目标：使用react完成练习
*/

import React from 'react';
import ReactDOM from 'react-dom';

// 💥class是关键词，需要使用 className 代替
const div = React.createElement(
  'div',
  { id: 'box', className: 'demo' },
  '这是一个 react 案例'
);

const li1 = React.createElement('li', {}, '香蕉');
const li2 = React.createElement('li', {}, '橘子');
const li3 = React.createElement('li', {}, '苹果');
const ul = React.createElement('ul', { className: 'list' }, li1, li2, li3);

ReactDOM.render(ul, document.getElementById('root'));
